<template>
  <div style="width: 500px; background-color: #061740; padding: 20px">
    <MedoVDeviceStatus1 :options="deviceStatusOptions"></MedoVDeviceStatus1>
  </div>
</template>

<script setup>
import { reactive, toRefs } from "vue";
import MedoVDeviceStatus1 from "@/components/vue-common/MedoVDeviceStatus1.vue";

const data = reactive({
  deviceStatusOptions: {
    width: 400,
    height: 100,
    titleName: "在线情况",
    totalNum: 300,
    onlineTitle: "在线数",
    onlineNum: 200,
    offlineTitle: "离线数",
    offlineNum: 100,
  },
});

const { deviceStatusOptions } = toRefs(data);
</script>
